<template>
  <div class="mainDiv">
    <div class="accountMenu">
      <div class="menu-and-button-wrapper">
        <i class="cancel-button el-icon-arrow-left" type="text" @click="exit"></i>
        <span class="title">账单详情</span>
        <i class="setting-button el-icon-plus disableIcon" type="text"></i>
      </div>
    </div>
  </div>

</template>
<script>
import router from "@/router";

export default {
  data() {
    return {}
  },
  methods: {
    exit() {
      router.push({
        name: 'index',
        params: {show: false}
      });
    }
  }
}
</script>
<style scoped>
.menu-and-button-wrapper {
  width: 100%;
  display: flex;
  align-items: center; /* 垂直居中（如果需要的话） */

}

.title {
  margin: auto auto;
  color: black;
  font-weight: bolder;
}

.cancel-button {
  margin-left: 20px;
  font-size: 30px;
}

.setting-button {
  margin-right: 20px;
  font-size: 30px;
}


</style>